@charset 'utf-8';

/*字体图标*/
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

/* 变量色 */
$orange:#ff841d;
/* 省钱控头部 */
header{
  background-color:#ff841d;
  display: flex;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  .back_away{
      a{
          width: 40px;
          height: 100%;
          display: block;
          color: #fff;
      }
  }
  .price_title{
      flex: 1;
  }
  .dowload{
      width: 40px;
      height: 100%;
      a{
          color: #fff;
          position: relative;
          height: 100%;
          display: block;
          span{
              font-size: .24rem;
              position: absolute;
              top: -6px;
              right: 20px;
          }
          p{
              width: 50px;
              font-size: .12rem;
              position: absolute;
              bottom: 3px;
              right: 10px;
              line-height: 1;
          }
      }
  }
}

/* 中间数据渲染 */
.nav-content{
    width: 100%;
    height: 1.5rem;
    margin-top: .1rem;
    padding-left:.1rem;
    .productImgSm{
        width: 25%;  
        img{
            width: 100%;
        }
    }
    .text{
        width: 70%;
        font-size:0.14rem;
        margin-left:.1rem;
            .title{
                width: 100%;
                padding-top:10px;
                .productPinkage{
                color:$orange;
                }
                // span:first-child{
                //     width: 100%;
                // }
                // span:nth-child(2){
                //     display: block;
                // }
        }
    }
    .target{
        font-size:.12rem;
        color:#b9b9b9;
        margin-top: 20px;
        width: 100%;
    }
  }
 
  // 底部
footer {
  background-color: #efefef;
  .footer-top {
      ul {
          display: flex;
          li {
              height: 0.5rem;
              border-top: 1px solid #c9c9c9;
              border-bottom: 1px solid #c9c9c9;
              border-right: 1px solid #c9c9c9;
              text-align: center;
              line-height: 0.5rem;
          }
          li:first-child,
          li:nth-child(2) {
              width: 30%;
          }
          li:last-child {
              width: 40%;
              border-right: none;
          }
      }
  }
  .footer-footer {
      height: 1rem;
      .shouji {
          display: flex;
          justify-content: center;
          height: 0.5rem;
          padding-top: 0.2rem;
          a:first-child {
              color: red;
              padding-right: 0.04rem;
          }
          a:last-child {
              color: #737373;
          }
      }
      a {
          text-align: center;
          color: #737373;
      }
  }
}
